
<HTML>
<HEAD>
<TITLE>
Third Test of Section 2.0 of CSS1 Specification</TITLE>


<STYLE TEXT="text/css">
A:link {color: lime}
A:visited {color: maroon}
P:first-line {font-style: italic}
P:first-letter {font-size: 200%; float: left;}
</STYLE>
</HEAD>


<BODY>

<h1 >
Testing Third Testable Statement of Section 2.0 of CSS1 Spec
</h1>


<ul>
<li >
3. Pseudo-classes and pseudo-elements can be used in CSS selectors but do not
exist in the HTML source.  Rather, they are inserted by the UA under certain
conditions to be used for addressing in style sheets.
</ul>




<h2 >"PASS" CRITERIA:
</h2>
<p>
If statement #3 above is passed, then:
<p>
<A CLASS=link HREF="ovalbbut.gif">This link</a> is lime if unvisited; the pseudo-class is
"A:link {color: lime}". <A CLASS=visited HREF="ovalbbut.gif">This link</a> is
maroon if visited; the pseudo-class is "A:visited {color: maroon}".  
<p>
<p:first-line>
The first line of this and every paragraph here should be italic font style,
plus a large "T" to start.
</p:first-line>
The remaining lines should be UA-default.  The pseudo-element applied is
"P:first-line {font-style: italic}".
</p>
<p>
<span>
<P:first-letter>
T
</P:first-letter>he first
</span>
two words of this paragraph have a large "T" to start.
The pseudo-element
applied is "P:first-letter {font-size: 200%; float-left;}".  Everything 
else is UA-default.
<p>
Pseudo-classes and pseudo-selectors above are inserted by the UA for addressing in this style sheet.
Your browser rendering of this page should be similar to this 
<a href="a203.gif">reference image</a> or to this <a href="b203.gif">reference
image</a>.

To move directly to the next test, click<a href="20-4.htm"> here</a>.
</BODY>
</HTML>
